﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Aquincum - premium admin template by Eugene Kopyov</title>

<link href="/Content/newadmin/css/styles.css" rel="stylesheet" type="text/css" />
<!--[if IE]> <link href="/Content/newadmin/css/ie.css" rel="stylesheet" type="text/css"> <![endif]-->
<script type="text/javascript" src="../Scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/Scripts/plugins/forms/jquery.uniform.js"></script>
<script type="text/javascript" src="/Scripts/files/login.js"></script>
    <script type="text/javascript">
        $(function () {
            //===== Form elements styling =====//

            $(".styled, input:radio, input:checkbox, .dataTables_length select").uniform();
            
            //鼠标放上去触发//
            $(".loginPic").hover(
       function () {

           $('.logleft, .logback').animate({ left: 10, opacity: 1 }, 200);
           $('.logright').animate({ right: 10, opacity: 1 }, 200);
       },

       function () {
           $('.logleft, .logback').animate({ left: 0, opacity: 0 }, 200);
           $('.logright').animate({ right: 0, opacity: 0 }, 200);
       }
   );
        });
       
    </script>

</head>

<body>

<!-- Top line begins -->
<div id="top">
	<div class="wrapper">
    	<a href="#" title="" class="logo"><img src="/Content/newadmin/images/logo.png" alt="" /></a>
        
        <!-- Right top nav -->
        <div class="topNav">
            <ul class="userNav">
                <li><a href="#" title="" class="screen"></a></li>
                <li><a href="#" title="" class="settings"></a></li>
                <li><a href="#" title="" class="logout"></a></li>
            </ul>
        </div>
    </div>
</div>
<!-- Top line ends -->


<!-- Login wrapper begins -->
<div class="loginWrapper">

	<!-- Current user form -->
    <form action="index.html" id="login">
        <div class="loginPic">
            <a href="#" title=""><img src="/Content/newadmin/images/userLogin.png" alt="" /></a>
            <span>Eugene Kopyov</span>
            <div class="loginActions">
                <div><a href="#" title="切换用户" class="logleft flip"></a></div>
                <div><a href="#" title="忘记密码?" class="logright"></a></div>
            </div>
        </div>
        
        <input type="text" name="login" placeholder="Confirm your email" class="loginEmail" />
        <input type="password" name="password" placeholder="Password" class="loginPassword" />
        
        <div class="logControl">
            <div class="memory"><input type="checkbox" checked="checked" class="check" id="remember1" /><label for="remember1">记住用户</label></div>
            <input type="submit" name="submit" value="Login" class="buttonM bBlue" />
        </div>
    </form>
    
    <!-- New user form -->
    <form action="index.html" id="recover">
        <div class="loginPic">
            <a href="#" title=""><img src="/Content/newadmin/images/userLogin2.png" alt="" /></a>
            <div class="loginActions">
                <div><a href="#" title="切换用户" class="logback flip"></a></div>
                <div><a href="#" title="忘记密码?" class="logright"></a></div>
            </div>
        </div>
            
        <input type="text" name="login" placeholder="Your username" class="loginUsername" />
        <input type="password" name="password" placeholder="Password" class="loginPassword" />
        
        <div class="logControl">
            <div class="memory"><input type="checkbox" checked="checked" class="check" id="remember2" /><label for="remember2">记住用户</label></div>
            <input type="submit" name="submit" value="Login" class="buttonM bBlue" />
        </div>
    </form>

</div>
<!-- Login wrapper ends -->

</body>
</html>
